
/**
* Author : Howl
* Version : 0.1
* Date:2020年02月03日15时48分
*/

<template>
    <div id="app">
        <router-view v-if="isRouterAlive"/>
    </div>
</template>

<script>

    export default {
        name: 'App',
        provide(){
            return{
                reload:this.reload
            }
        },
        data(){
            return{
                isRouterAlive:true
            }
        },
        methods:{
            reload(){
                this.isRouterAlive = false;
                this.$nextTick(function(){
                    this.isRouterAlive = true;
                });
            }
        }

        // created () {
        //     // debugger;
        //     // this.$api.get('testController/test', null, r => {
        //     //   console.log(r)
        //     // })
        // }
    }
</script>

<style>

    /**
     * 移除所有的标签的margin和padding属性。这两个属性操作起来很麻烦，都是移除掉得了。
     */
    *{
        margin : 0;
        padding : 0;
    }

    a{
        color:#212121;
        text-decoration: none;
        margin-top:10px;
    }

    /**
     * color : 颜色-白色
     * font-size : 字体大小-14px
     */
    #app {
        color: #ffffff;
        font-size:14px;
        height:100%;
        /**
        对字体进行描边，防止视频播放时字体和背景色一致导致看不到字的BUG。
         */
    }
</style>
